<!DOCTYPE html>
<html lang="en">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
      name="viewport">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<title>OA-app Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/dist/css/oa-app.css">
<head>

</head>
<body>
<div id="app">
    顶部一级标签（滚动）
    <div class="oa-tab-scroll">
        <div class="oa-slide ">
            <div :class="selectIndex==0? 'tabActive':'tabNo'" @click="selectIndex=0;">标签一</div>
            <div :class="selectIndex==1? 'tabActive':'tabNo'" @click="selectIndex=1;">标签二</div>
            <div :class="selectIndex==2?'tabActive':'tabNo'" @click="selectIndex=2;">标签三</div>
            <div :class="selectIndex==3? 'tabActive':'tabNo'" @click="selectIndex=3;">标签四</div>
            <div :class="selectIndex==4? 'tabActive':'tabNo'" @click="selectIndex=4;">标签五</div>
        </div>
    </div>

</div>
<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script src="https://file.ggxqce.com/web/axios.min.js"></script>
<script src="/dist/js/newOaApp.js"></script>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            selectIndex:0,
        },
        methods: {}
    })
</script>

</body>
</html>